<!-- 领取资料 -->
<template>
  <div class="container">
    <Nav></Nav>
    <div class="getPull">
      <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/bannerpull.png" alt="" srcset="">
    </div>
    <div class="pull_into">
      <li>
        <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/stupower.png" alt="">
      </li>
      <li>
        <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/address1.png" alt="">
      </li>
      <li>
        <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/freew.png" alt="">
      </li>
      <div class="left2">
        <img src="../assets/img/left2.png" alt="">
      </div>
      <div class="right2">
        <img src="../assets/img/right2.png" alt="">
      </div>
    </div>
    <div class="pull_on">
      <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/moreS.png" alt="">
      <div class="left3">
        <img src="../assets/img/left3.png" alt="">
      </div>
    </div>
    <div class="pull_map">
      <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/maps.png" alt="">
      <div class="right3">
        <img src="../assets/img/right3.png" alt="">
      </div>
    </div>
    <Bottom></Bottom>
  </div>
</template>

<script>
import Nav from '../components/Nav/nav'
import Bottom from '../components/Bottom/bottom'
export default {
  head () {
    return {
      title: '领取资料-山西公务员考试网-岸上教育',
      meta:[{
        hid: 'description',
        name: 'description',
        content: '岸上教育可以领取免费的山西公务员考试网纸质资料，还有山西公务员考试网视频以及山西公务员考试网课程。为帮助更多的考生可以顺利上岸，我们致力于打造山西本土专业的教育平台！'
      },{
        hid: 'Keywords',
        name: 'Keywords',
        content: '领取资料,山西公务员考试网,岸上教育'
      }]
    }
  },
  name: 'getPull',
  data () {
    return {
    }
  },

  created () {},

  mounted () {},

  components: {
    Nav,
    Bottom
  },

  computed: {},

  methods: {}
}

</script>
<style lang='scss' scoped>
.container{
  min-width: 1200px;
  background: #ffffff;
}
.getPull{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pull_on{
  position: relative;
  z-index: 1;
}
.pull_on img{
  width: 100%;
}
.left3{
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 251px;
}
.pull_map{
  position: relative;
  z-index: 1;
}
.pull_map img{
  width: 100%;
}
.right3{
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 169px;
}
.pull_into{
  position: relative;
  z-index: 1;
}
.left2{
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 315px;
}
.right2{
  position: absolute;
  z-index: 2;
  right: 0px;
  bottom: 423px;
}
</style>
